<div class="container">
  <Carousel
      [width]="'600px'"
      [height]="'300px'" 
      [isSwitch]="'true'"
      [sum]="3"
      (change)="activeChange($event)"
      >
      <Carousel-item [id]="0" [active]="active">
           <text [bgColor]="'blue'">1</text>
      </Carousel-item>
      <Carousel-item [id]="1" [active]="active">
           <text [bgColor]="'green'">2</text>
      </Carousel-item>
      <Carousel-item [id]="2" [active]="active">
           <text [bgColor]="'yellow'">3</text>
      </Carousel-item>
  </Carousel>
</div>